سون لرن • آموزش

خرید بک لینک

آخرین مطالب

امکانات وب

استایل Border انیمیشنی زیبا - CSS Border transitions ( نمونه 3)

html { background: #fefefe;}body { color: #4b507a; font: 300 24px/1.5 Lato, sans-serif; margin: 1em auto; max-width: 36em; padding: 1em 1em 2em; text-align: center; isolation: isolate;}button { background: none; border: 0; box-sizing: border-box; box-shadow: inset 0 0 0 2px #f45e61; color: #f45e61; font-size: inherit; font-weight: 700; margin: 1em; padding: 1em 2em; text-align: center; text-transform: capitalize; position: relative; vertical-align: middle;}button::before, button::after { box-sizing: border-box; content: ''; position: absolute; width: 100%; height: 100%;}/* Center */.center:hover { color: #6477b9;}.center::before, .center::after { top: 0; left: 0; height: 100%; width: 100%; -webkit-transform-origin: center; transform-origin: center;}.center::before { border-top: 2px solid #6477b9; border-bottom: 2px s سون لرن • آموزش...

ما را در سایت سون لرن • آموزش دنبال می‌کنید

برچسب: نویسنده: استخدام کار بازدید: 384 تاريخ: سه شنبه 30 شهريور 1395 ساعت: 22:08

therestartpage : شبیه سازی محیط Restart سیستم عاملهای مختلف

در این مطلب میخوام سایتی رو بهتون معرفی کنم که در اون محیط شروع مجدد یا Restart سیستم عاملهای مختلف رو شبیه سازی کرده و میتونین از اون لذت ببرید. به احتمال زیاد شما تا بحال چند ویندوز مختلف داشتید. این صفحه خاطرات زیادی رو یاد شما میارن. وقتی وارد صفحه میشید تعدادی پیغام وجود داره که میگه آیا میخاید Restart کنید یا خیر. استایل هر پیغام با توجه به همون سیستم عامله. اگر بر روی یکی از دکمه های Ok کلیک کنیم، به زیبایی محیط Restart شبیه سازی میشه و مثل اینکه واقعا دارید Restart میکنید.برای شروع وارد سایت therestartpage بشین.امیدوارم بدردتون بخوره.موفق باشید.یا علیLet's block ads سون لرن • آموزش...

ما را در سایت سون لرن • آموزش دنبال می‌کنید

برچسب: نویسنده: استخدام کار بازدید: 374 تاريخ: سه شنبه 30 شهريور 1395 ساعت: 22:08

کدهای جذاب و دیدنی ( SLOFISH CSS Logo Animation ) : انیمیشنی زیبا با حرکت ماهی

در این قسمت میخوام یک کد ( SLOFISH CSS Logo Animation ) جالب رو در اختیارتون بزارم.همونطور که دیدید انیمیشنی با استفاده از CSS ساخته شده که در اون ماهی ها بصورت زیبا در اون جرکت میکنن.بدلیل اینکه حجم کدها زیاد بود ، اونارو در انتهای همین مطلب قرار میدم که میتونین اونو دانلود کرده و استفاده کنید. امیدوارم لذت برده باشین.موفق باشید.یا علیSourceنوع کد رايگان سون لرن • آموزش...

ما را در سایت سون لرن • آموزش دنبال می‌کنید

برچسب: کدهای جذاب وبلاگ,کدهای جالب وبلاگ,کدهای جالب وبلاگ بلاگفا,کدهای جالب ویژوال بیسیک,کدهای جذاب برای وبلاگ,کدهای جالب وی چت,کدهای جالب وبلاگ نویسی,کدهای جالب وجدید برای وبلاگ, نویسنده: استخدام کار بازدید: 398 تاريخ: يکشنبه 28 شهريور 1395 ساعت: 20:16

apply-rule : آموزش کامل apply@ در CSS

در این مطلب میخوام سایتی رو بهتون معرفی کنم که در اون در مورد @apply آموزش داده و شما رو بصورت کامل با اون آشنا میکنه. اگر با پیش پردازنده های CSS مثل Sass کار کرده باشید، با مفهومی به نام mixins آشنایی دارید. با استفاده از @apply میتونین کاری شبیه به mixins رو با استفاده از css خالص انجام بدین!برای شروع وارد سایت apply-rule بشین.امیدوارم بدردتون بخوره.موفق باشید.یا علی سون لرن • آموزش...

ما را در سایت سون لرن • آموزش دنبال می‌کنید

برچسب: نویسنده: استخدام کار بازدید: 525 تاريخ: يکشنبه 28 شهريور 1395 ساعت: 20:16

استایل Border انیمیشنی زیبا - CSS Border transitions ( نمونه 2)

html { background: #fefefe;}body { color: #4b507a; font: 300 24px/1.5 Lato, sans-serif; margin: 1em auto; max-width: 36em; padding: 1em 1em 2em; text-align: center; isolation: isolate;}button { background: none; border: 0; box-sizing: border-box; box-shadow: inset 0 0 0 2px #f45e61; color: #f45e61; font-size: inherit; font-weight: 700; margin: 1em; padding: 1em 2em; text-align: center; text-transform: capitalize; position: relative; vertical-align: middle;}button::before, button::after { box-sizing: border-box; content: ''; position: absolute; width: 100%; height: 100%;}/* Draw and Meet */.draw { -webkit-transition: color 0.25s; transition: color 0.25s;}.draw::before, .draw::after { border: 2px solid transparent; width: 0; height: 0;}.draw::before { top: 0; left: 0;}.draw::after { bottom: 0; right: 0;}.draw:hover { color: #6 سون لرن • آموزش...

ما را در سایت سون لرن • آموزش دنبال می‌کنید

برچسب: نویسنده: استخدام کار بازدید: 371 تاريخ: يکشنبه 28 شهريور 1395 ساعت: 14:10

کدهای جذاب و دیدنی ( SVG Lava Lamp ) : ساخت لامپ زیبا با CSS

در این قسمت میخوام یک کد ( SVG Lava Lamp ) جالب رو در اختیارتون بزارم.همونطور که دیدید یک لامپ زیبا با استفاده از SVG ساخته شده و میتونین از اون استفاده کنید. همونطور که میبینید در این کد از افکت مواد مذاب آتشفشانی استفاده شده است.بدلیل اینکه حجم کدها زیاد بود ، اونارو در انتهای همین مطلب قرار میدم که میتونین اونو دانلود کرده و استفاده کنید. امیدوارم لذت برده باشین.موفق باشید.یا علیSourceنوع کد رايگان سون لرن • آموزش...

ما را در سایت سون لرن • آموزش دنبال می‌کنید

برچسب: کدهای جذاب وبلاگ,کدهای جالب وبلاگ,کدهای جالب وبلاگ بلاگفا,کدهای جالب ویژوال بیسیک,کدهای جذاب برای وبلاگ,کدهای جالب وی چت,کدهای جالب وبلاگ نویسی,کدهای جالب وجدید برای وبلاگ, نویسنده: استخدام کار بازدید: 464 تاريخ: يکشنبه 28 شهريور 1395 ساعت: 14:10

آموزش استفاده از Grunt برای مدیریت وظایف تکراری - Grunt (جلسه 38) - اتوماتیک رفرش کردن مرورگر - قسمت 1

0 73 ۲۷ شهریور ۹۵در این مطلب با ادامه آموزش Grunt در خدمتتون هستیم.در این جلسه قصد داریم در مورد پلاگین grunt-contrib-connect صحبت کنیم. با استفاده از این ابزار میتونیم به راحتی محیط کدنویسی رو به مرورگر متصل کنیم و هر زمان که کدها رو تغییر میدیم، خروجی بصورت اتوماتیک در مرورگر به نمایش گذاشته بشه و لازم نباشه که هر بار اینکار بصورت تکراری و دستی انجام بشه. با استفاده از این روش خیلی در زمان شما صرفه جویی میشه و میتونین سریع تر و بهتر کدنویسی کنید. در ابتدا باید این پلاگین رو در پروژه خودمون نصب کنیم. برای اینکار عبارت زیر رو در cmd قرار میدیم:npm install grunt-contrib- سون لرن • آموزش...

ما را در سایت سون لرن • آموزش دنبال می‌کنید

برچسب: آموزش استفاده از اسنپ چت,آموزش استفاده از اسپری تاخیری,آموزش استفاده از,آموزش استفاده از توییتر,آموزش استفاده از snapchat,آموزش استفاده از nomao,آموزش استفاده از تلگرام,آموزش استفاده از linkedin,آموزش استفاده از برنامه کرفس,آموزش استفاده از توالت فرنگی, نویسنده: استخدام کار بازدید: 742 تاريخ: يکشنبه 28 شهريور 1395 ساعت: 14:10

کدهای جذاب و دیدنی ( Something Fishy ) : ساخت آکواریوم ماهی با CSS و Javascript

در این قسمت میخوام یک کد ( Something Fishy ) جالب رو در اختیارتون بزارم.همونطور که دیدید تعدادی ماهی با استفاده از CSS ساخته شدن و با استفاده از Javascript حرکت داده میشن. همچنین میتونین بر روی نقطه مورد نظرتون کلیک کنید تا در اونجا یک ماهی جدید ساخته بشه و حرکت کنه.بدلیل اینکه حجم کدها زیاد بود ، اونارو در انتهای همین مطلب قرار میدم که میتونین اونو دانلود کرده و استفاده کنید. امیدوارم لذت برده باشین.موفق باشید.یا علیSourceنوع کد رايگان سون لرن • آموزش...

ما را در سایت سون لرن • آموزش دنبال می‌کنید

برچسب: کدهای جذاب وبلاگ,کدهای جالب وبلاگ,کدهای جالب وبلاگ بلاگفا,کدهای جالب ویژوال بیسیک,کدهای جذاب برای وبلاگ,کدهای جالب وی چت,کدهای جالب وبلاگ نویسی,کدهای جالب وجدید برای وبلاگ, نویسنده: استخدام کار بازدید: 396 تاريخ: جمعه 26 شهريور 1395 ساعت: 8:18

flexboxPattes : الگوهای از پیش ساخته شده برای Flexbox

در این مطلب میخوام سایتی رو بهتون معرفی کنم که در اون الگوهای از پیش ساخته شده برای Flexbox قرار داده شده و شما به راحتی میتونین هر کدوم رو خواستید کپی کرده و به راحتی در سایتتون قرار بدین و تغییراتتون رو بر روی اون اعمال کنید. با استفاده از این الگوها دیدتون نسبت به استفاده از Flexbox بهتر میشه.برای شروع وارد سایت flexboxPattes بشین.امیدوارم بدردتون بخوره.موفق باشید.یا علی سون لرن • آموزش...

ما را در سایت سون لرن • آموزش دنبال می‌کنید

برچسب: نویسنده: استخدام کار بازدید: 483 تاريخ: جمعه 26 شهريور 1395 ساعت: 8:18

آموزش استفاده از Grunt برای مدیریت وظایف تکراری - Grunt (جلسه 36) - کپی کردن فایلها و فولدرها

:: شما می توانید با استفاده از اکانت یاهو یا جیمیل خود به صورت کاملا امن، سریع و بدون نیاز به ورود اطلاعات عضو و وارد سایت شوید. در این صورت هیچ نیازی به ورود نام کاربری و رمز عبور خود نخواهید داشت و هویت شما از طریق ایمیلتان مورد تائید قرار می گیرد .برای استفاده از این روش باید در اکانت گوگل(جیمیل) و یا یاهوی خود لاگین باشید .عضویت/ ورود سریع با : در حال اتصال ... سون لرن • آموزش...

ما را در سایت سون لرن • آموزش دنبال می‌کنید

برچسب: آموزش استفاده از اسنپ چت,آموزش استفاده از اسپری تاخیری,آموزش استفاده از,آموزش استفاده از nomao,آموزش استفاده از snapchat,آموزش استفاده از تلگرام,آموزش استفاده از برنامه کرفس,آموزش استفاده از توییتر,آموزش استفاده از فایندر, نویسنده: استخدام کار بازدید: 402 تاريخ: دوشنبه 22 شهريور 1395 ساعت: 18:08

صفحه بندی

آرشیو مطالب

پيوندهای روزانه

لینک دوستان

خبرنامه